<style lang="sass" scoped>
    .mt50 {
        margin-top: 50px;
    }
</style>
<template>
    <div class="container">
        <div class="search-cont">
            <el-input placeholder="请搜索" v-model="inputValue">
                <i slot="prefix" class="el-input__icon el-icon-search"></i>
            </el-input>
            <el-select v-model="selectValue" placeholder="请选择">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
            <el-date-picker v-model="dateValue" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyyMMdd"
                value-format="yyyy-MM-dd HH:mm:ss">
            </el-date-picker>
            <el-button type="primary" :plain="false">搜索</el-button>
            <el-button type="primary" plain>导出</el-button>
            <el-button :plain="false">{{duanxin}}</el-button>
        </div>
        <div class="tabs-cont">
            <el-button
                @click="search.status=''" 
                :type="search.status===''?'primary':''">全部</el-button>
            <el-button
                @click="search.status=1" 
                :type="search.status===1?'primary':''">待审核</el-button>
            <el-button
                @click="search.status=2" 
                :type="search.status===2?'primary':''">已审核</el-button>
            <el-button
                @click="search.status=3" 
                :type="search.status===3?'primary':''">已拒绝</el-button>
        </div>
        <div class="table-cont">
            <el-table :data="tableData" style="width: 100%">
                <el-table-column prop="date" label="日期" width="180">
                </el-table-column>
                <el-table-column prop="name" label="姓名" width="180">
                </el-table-column>
                <el-table-column prop="address" label="地址">
                </el-table-column>
            </el-table>
            <el-pagination background layout="prev, pager, next" :total="1000" @current-change="handleCurrentChange">
            </el-pagination>
        </div>
    </div>
</template>
<script>
    export default {
        components: {
        },
        data() {
            return {
                //列表搜索参数
                search:{
                    startTime:'',
                    endTime:'',
                    status:'',
                },
            };
        },
        watch:{
            
        },
        created(){

        },
        mounted() {
            this.$nextTick(() => {
             });
        },
        methods: {
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            }
        },
        
    };
</script>